<template>
	<view class="content">
		<h2 class="top_title">温馨提示</h2>
		<view class="box_text">
			尊敬的用户，感谢您信任并使用南舒房APP。<br><br>
			本APP的基础业务功能包含：房源展示、房源搜索、预约看房、地图找房等。基本业务功能涉及的必要个人信息为：手机号码。<br><br>
			我们非常重视个人信息和隐私保护，为提供更好的服务，我们可能会向您收集必要的个人信息/权限。请您放心，我们将严格按照法律要求提供相应的安全保护措施。更多权限信息说明，您可以点击下方<text class="link green" @click="goTo('/pages/personal/aboutUs/agreement')">《用户隐私政策》</text>阅读。<br><br>
			如您同意此政策，请点击“同意并继续”并开始使用我们的产品和服务，否则，请点击不同意。我们将全力保护您的个人信息安全。<br><br>
			《用户隐私政策》后续可在“我的-关于我们-用户隐私政策”处查看。
		</view>
		<view class="btnBox row">
			<button class="phone" @click="refuse">不同意</button>
			<button class="look" type="primary" @click="agree">同意并继续</button>
		</view>
	</view>
</template>

<script name="ContentPrivacy" lang="ts" setup>
// 拒绝
const refuse = ()=>{
	plus.runtime.quit();
}

// 同意
const agree = ()=>{
	uni.setStorageSync('alreadyShowPrivacy',true)
	uni.switchTab({
		url:'/pages/index/index'
	})
}

const goTo = (url)=>{
	uni.navigateTo({
		url: url
	})
}
</script>

<style lang="scss" scoped>
.content{
	height: 100vh;
	overflow-y: scroll;
	background: #fff;
	padding: var(--status-bar-height) 32rpx 88rpx;
	.top_title{
		text-align: center;
		padding: 10rpx 0;
		line-height: 88rpx;
		margin-bottom: 10rpx;
	}
	.box_text{
		line-height: 44rpx;
		a{
			text-decoration: none;
		}
	}
	.btnBox{
		background: #fff;
		padding: 20rpx 32rpx 24rpx;
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		.phone{
			width: 327rpx;
			height: 76rpx;
			line-height: 76rpx;
			font-size: 30rpx;
			border-radius: 44rpx;
			background: #F7F7F7;
			margin-right: 32rpx;
			&::after{
				display: none;
			}
		}
		.look{
			width: 327rpx;
			height: 76rpx;
			line-height: 76rpx;
			font-size: 30rpx;
			border-radius: 44rpx;
			background: $uni-color-green;
			color: #fff;
			&::after{
				display: none;
			}
		}
	}
}
</style>
